<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>ReinovoLab</title></reinovo-lab></title>
		<link rel="icon" type="image/x-icon" href="static/img/logo.svg" />		
        <link rel="stylesheet" href="css/style.css">
    </head>
    <body>
        <div id="robot">
            <div class="App">
                <header class="App-header">
                    <div class="App-header-right">
                        <div class="App-logo">
                            <img src='static/img/logo.png' alt="logo">
                        </div>
                    </div>
                    <div class="App-header-right">
                        <div class="App-language">
                            <span class="App-language-img"></span>
                            <span class="text">简体中文</span>
                            <span class="App-lauguage-select"></span>
                            <!-- <div id="myDropdown" class="dropdown-content">
                                <option value="option1">选项1</option>
                                <option value="option2">选项2</option>
                                <option value="option3">选项3</option>
                            </div> -->
                        </div>
                    </div>
                </header>
                <div class="App-control">
                    <div class="home-course">
                        <div class="home-text">
                            <H2>课程学习</H2>
                        </div>
                    </div>
                    <div class="home-app">
                        <div class="home-text">
                            <H2>机器人控制
                            </H2>
                        </div>
                        <div class="home-app-nav">
                            <div class="home-card">
                                <img src="./static/img/slam-logo.png" alt="Image">
                                <div class="home-card-content">
                                    <h3>机器人地图构建</h3>
                                    <!-- <p>控制机器人扫描地图</p> -->
                                </div>
                            </div>
                            <div class="home-card">
                                <a href="blockly-code.html"></a>
                                <img src="./static/img/blockly-logo.png" alt="Image">
                                <div class="home-card-content">
                                    <h3>Blockly编程</h3>
                                    <!-- <p>这是一个测试</p> -->
                                </div>
                            </div>
                            <div class="home-card">
                                <img src="./static/img/python-logo.png" alt="Image">
                                <div class="home-card-content">
                                    <h3>Python编程</h3>
                                    <!-- <p>这是一个测试</p> -->
                                </div>
                            </div>
                            <div class="home-card">
                                <img src="./static/img/future-logo.png" alt="Image">
                                <div class="home-card-content">
                                    <h3>待完成...</h3>
                                    <!-- <p>这是一个测试</p> -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>